﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>综合业务管理平台|EIP - 跳转提示</title>
    <script src="~/Scripts/lib/adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link href="//cdn.bootcss.com/semantic-ui/2.2.6/semantic.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/semantic-ui/2.2.6/semantic.js"></script>
</head>
<body>

    <div class="ui card" style="text-align:center;width:40%;position: fixed;top: 20%;left: 30%">
        <div class="ui red inverted segment" style="margin: 0px;">
            <i class="ui frown icon massive"></i>
        </div>
        <div class="content" style="line-height: 2em">
            <span class="header">
                综合业务管理平台提醒您:登录失败,请重新登录！<br />
            </span>
            <div class="meta">
                将在<span id="left">3</span>S后自动跳转

            </div>
        </div>
        <div class="ui bottom attached indicating progress success" id="amanege-bar" data-percent="100">
            <div class="bar"></div>
        </div>
    </div>
    <script type="text/javascript">
        (function () {
            var wait = 0, left = $('#left').text();
            var each = 100 / left;
            var interval = setInterval(function () {
                wait = wait + each;
                left = left - 1;
                if (wait > 100) {
                    location.href = '@ViewData["url"]';
                    clearInterval(interval);
                    return;
                }
                $('#left').text(left);
                $('#amanege-bar').progress({
                    percent: wait
                });
            }, 1000);
        })();
    </script>
</body>
</html>